@import "../../../less/variables";

.cockpit-table {
  width: 100%;
  height: 100%;
  position: relative;
  :global {
    .ant-table table{
      text-align: center;
    }
    .ant-table-header {
      background: transparent;
    }
    .ant-table-thead {
      box-shadow: 2px 2px 24px 3px rgba(60, 87, 119, 1) inset;
    }
    .ant-table-thead > tr {
      background: transparent;
    }
    .ant-table-thead > tr > th, .ant-table-tbody > tr > td {
      padding: 10px 8px;
    }
    .ant-table-thead > tr > th {
      background:rgba(1, 35, 46, .5);
      border:1px solid rgba(97,114,141,1);
      color: #fff;
      font-weight: bold;
      text-align: center;
      // border-top: 1px solid #3C5777;
      // box-shadow: 0px 3px 4px 0px rgba(60,87,119,1);
    }
    .ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
      background: transparent;
    }
    .ant-table-fixed-header .ant-table-scroll .ant-table-header {
      overflow: hidden;
      height: 53px;
    }
    .ant-table-tbody > tr > td {
      border-bottom: 1px solid #3C5777;
      color: #fff;
    }
    .ant-table-thead > tr.ant-table-row-hover > td, .ant-table-tbody > tr.ant-table-row-hover > td, .ant-table-thead > tr:hover > td, .ant-table-tbody > tr:hover > td {
      color: #fff;
    }
    .ant-table-body {
      &::-webkit-scrollbar {
        width: 6px;
        border-radius: 5px;
        background: rgba(20, 49, 60, 1);
      }
      &::-webkit-scrollbar-thumb {
        height: 10px;
        border-radius: 5px;
        background-color: @cockpit-color;
      }
    }
    .ant-table-placeholder {
      background: transparent;
      color: #FFF;
      border-top: none;
      border-bottom: none;
    }
    .ant-empty-description{
      color: #fff;
    }
    .ant-table-tbody > tr:hover > td {
      background: transparent;
      div {
        color: @cockpit-color !important;
      }
    }
    .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link{
      background-color: transparent;
      color: #fff;
    }
    .ant-pagination-disabled a, 
    .ant-pagination-disabled:hover a, 
    .ant-pagination-disabled:focus a, 
    .ant-pagination-disabled .ant-pagination-item-link, 
    .ant-pagination-disabled:hover .ant-pagination-item-link, 
    .ant-pagination-disabled:focus .ant-pagination-item-link{
      color: #fff;
    }
    .ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next{
      color: #fff;
    }
    .ant-pagination-item-active{
      background: transparent;
    }
    .ant-pagination-item{
      background-color: transparent;
      color: #fff;
    }
    .ant-pagination-item a{
      color: #fff;
    }
    .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, 
    .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, 
    .ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, 
    .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td{
      background: rgba(28,41,59, .8);
    }
  }

  .headerbg-left {
    position: absolute;
    left: 11px;
    width: 4px;
    height: 41px;
    border-top: 2px solid @cockpit-color;
    border-bottom: 2px solid @cockpit-color;
  }
  .headerbg-right {
    position: absolute;
    right: 11px;
    float: right;
    width: 4px;
    height: 41px;
    border-top: 2px solid @cockpit-color;
    border-bottom: 2px solid @cockpit-color;

  }
}
